<template>
  <div>
    <div class="canshow">
      <!--        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-->
      <a-row v-if="$store.state.access.token!==''" style="background-color: #000099"> <!--这里判断是院管理员还是校管理员-->
        <template v-if="identity === '院管理员'" >
          <a-col :offset="12" :span="3" class="colitem">
            <span class="linkitem" @click="toUserManager">
              用户管理
              <a-icon type="down" />
            </span>
          </a-col>
          <a-col  :span="3" class="colitem">
            <span class="linkitem" @click="toCourseManager">
              课程管理
              <a-icon type="down" />
            </span>
          </a-col>
          <a-col  :span="3" class="colitem">
            <span class="linkitem" @click="toClassManager">
              班级管理
              <a-icon type="down" />
            </span>
          </a-col>
          <a-col  :span="3" class="colitem">
            <span class="linkitem" @click="toMajorManager">
              专业管理
              <a-icon type="down" />
            </span>
          </a-col>
        </template>
<!--        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-->
        <template v-else><!--这里判断是院管理员还是校管理员-->
          <a-col :offset="12" :span="3" class="colitem">
            <span class="linkitem" @click="toCollegeManager">
              学院管理
              <a-icon type="down" />
            </span>
          </a-col>
<!--          <a-col :span="3" class="colitem">-->
<!--            <span class="linkitem" @click="toCollegeAdminManager">-->
<!--              院管理员设置-->
<!--              <a-icon type="down" />-->
<!--            </span>-->
<!--          </a-col>-->
        </template>
      </a-row>
      <a-row v-else style="background-color: #000099">
        <a-col :offset="20" :span="3" class="colitem">
          <router-link class="linkitem" to="/login">
            登录
            <a-icon type="down" />
          </router-link>
        </a-col>
      </a-row>
    </div>
  </div>
</template>

<script>
import Cookie from "js-cookie";
import Cookies from "js-cookie";

export default {
  name: "HeadBar",
  data() {
    return {
      identity: 'college'
    }
  },
  methods: {
    toUserManager(){ // 去用户管理
      Cookies.set("keyPath", ["1", "sub1"])
      this.$router.push('/admin/user/stulist')
    },
    toCourseManager(){ // 去课程管理
      Cookie.set("keyPath", ["6", "sub2"])
      this.$router.push('/admin/course/courseList')
    },
    toClassManager(){ // 去班级管理
      Cookie.set("keyPath", ["11"])
      this.$router.push('/admin/classes')
    },
    toMajorManager(){ // 去专业管理
      Cookie.set("keyPath", ["12"])
      this.$router.push('/admin/major')
    },
    toCollegeManager(){ // 去学院管理
      Cookie.set("keyPath", ["13"])
      this.$router.push('/school/college')
    },
    toCollegeAdminManager(){ // 去院管理员设置
      Cookie.set("keyPath", ["14"])
      this.$router.push('/school/collegeAdmin')
    },
  },
  mounted() {
    let identity =  Cookie.get('identity')
    if (identity !== undefined){
      this.identity = identity
    }
  }
}
</script>

<style scoped>
.linkitem{
  font-size: 1.2em;
  color: #d1dff3;
  cursor: pointer;
}
.colitem{
  margin-top: 1.6%;
  margin-bottom: 1.6%;
}
</style>
